*{
    margin: 0px;
    padding: 0px;
}
.flexbox{
  display:flex;
  display: -webkit-flex;
  flex-direction: row;
}
.flexhf{
  -webkit-box-flex: 0.5;
  -webkit-flex: 0.5;
  flex: 0.5;
  overflow: hidden;
}
.flex_item{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.flex2{
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
  overflow: hidden;
}
.flex3{
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  flex: 3;
  overflow: hidden;
}
.flex4{
  -webkit-box-flex: 4;
  -webkit-flex: 4;
  flex: 4;
  overflow: hidden;
}
.flex5{
  -webkit-box-flex: 5;
  -webkit-flex: 5;
  flex: 5;
  overflow: hidden;
}
.clearboth{
    clear: both;
}
.nav_slot{
    font-size: .36rem;
    line-height: .4rem;
    color: #333; 
}
.nav_slot .vanicon{
    font-size: .5rem;
}
.nav_slot .slotnav{
    width: 2rem;
    display: inline-block;
    vertical-align: middle;
}




.anipage {
	opacity: 0;
}
.anipage.animation-before {
	/* 在页面上使用 transform 会导致页面内的 fixed 定位渲染为 absolute，需要在动画完成后移除 */
	transform: translateX(-20px);
}
/* 返回 */
.anipage.animation-before2 { 
	transform: translateX(20px);
}

.anipage.animation-leave {
	transition: all .3s ease;
}

.anipage.animation-enter {
	transition: all .3s ease;
}

.anipage.animation-show {
	opacity: 1;
}
.anipage.animation-afterstart {
	transform: translateX(20px);
}
/* 返回 */
.anipage.animation-afterstart2 {
	transform: translateX(-20px);
}
.anipage.animation-after {
	/* 在页面上使用 transform 会导致页面内的 fixed 定位渲染为 absolute，需要在动画完成后移除 */
	transform: translateX(0);
}
